<template>
  <div>
    <div class="container">
      <span @click="$router.go(-1)"><img src="~images/default/call_back_dark.png" /></span>
      <span>联系导师</span>
      <span>体温异常（异常类型）</span>
      <span>11/13 21:30 测量 37.7°C（异常描述）</span>
      <span><img src="~images/common/stu_abnormal_red.png" alt=""></span>
    </div>
    <div class="detail-container">
      <!-- <ConPersGroup />
      <ConPersGroup />
      <ConPersGroup /> -->
    </div>
  </div>
</template>
<style lang="scss" scoped>
.container {
  position: relative;
  height: 120px;
   span {
    &:nth-child(1) {
      position: absolute;
      top: 28px;
      left: 23px;
      display: grid;
      place-items: center;
      width: 18px;
      height: 16px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    &:nth-child(2) {
      position: absolute;
      top: 27px;
      left: 156px;
      height: 16px;
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #002170;
    }
    &:nth-child(3) {
      position: absolute;
      top: 66px;
      left: 60px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #DD563F;
    }
    &:nth-child(4) {
      position: absolute;
      top: 88px;
      left: 60px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #DD563F;
    }
    &:nth-child(5) {
      position: absolute;
      top: 68px;
      left: 15px;
      display: grid;
      place-items: center;
      width: 36px;
      height: 36px;
      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
.detail-container {
  padding: 15px;
  background: #0A2463;
  border-radius: 10px 10px 0px 0px;
}
</style>